{% extends 'base.html' %}
{% block content %}
<table>
<tr>
<td>
<iframe style="width:800px;height:400px" src="http://localhost:8000/chart/2" scrolling="no" frameborder="0" seamless></iframe>
<!-- <iframe src="http://192.168.1.99/videostream.cgi?user=admin&rate=23&resolution=8" scrolling="no" frameborder="0" seamless></iframe> -->
<!-- <iframe src="http://192.168.1.99/snapshot.cgi?user=admin" scrolling="no" frameborder="0" seamless></iframe> -->
</td>
<td>
<script language="JavaScript" type="text/javascript">
  function reload() {setTimeout('reloadImg("refresh")',1000)};    // 1000 = 1 second. I'd suggest a reasonable minumum of 350
  function reloadImg(id)
  {
   var obj = document.getElementById(id);
   var rand = Math.random();
   obj.src = "http://92.66.225.37/snapshot.cgi?t="+rand
  }
</script>
<img src="http://92.66.225.37/snapshot.cgi?t=" name="refresh" id="refresh" onload='reload()'></td>
</tr>
</table>
{% endblock %} 
